import React, { useEffect, useState } from 'react';
import { ProductCard, Tag, Button } from 'react-vant';
function Dushi() {
    const [data,setData]=useState('')
    const isData=[
        {
            id:1,
            title:'丐世神医',
            keyword:'都市',
            img:'https://ts1.tc.mm.bing.net/th?id=ORMS.7df9a1d46928ad41a3b3c518529e9864&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1&p=0'
        },
        {
            id:2,
            title:'上门龙婿',
            keyword:'科幻',
            img:'https://lupic.cdn.bcebos.com/20230522_i2t_new_model_append/3090680025_18_1024_570.jpg'
        },
        {
            id:3,
            title:'镇国神婿',
            keyword:'历史',
            img:'https://ts1.tc.mm.bing.net/th?id=ORMS.a65401aff114c66d536387d1aeb75f73&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1.25&p=0'
        },
        {
            id:4,
            title:'最强狂兵',
            keyword:'都市',
            img:'https://ts1.tc.mm.bing.net/th?id=ORMS.b54475f4775493679f4cb26c1cc1a6c8&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1.25&p=0'
        },
        {
            id:5,
            title:'胜多负少',
            keyword:'科幻',
            img:'https://ts1.tc.mm.bing.net/th?id=ORMS.dfe885035f7cd13a41426f3c65d66f6e&pid=Wdp&w=612&h=304&qlt=90&c=1&rs=1&dpr=1.25&p=0'
        },
        {
            id:6,
            title:'电饭锅',
            keyword:'历史',
            img:'https://ts1.tc.mm.bing.net/th?id=ORMS.dd9e5147132e8c00d068a8e65c4cebad&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1.25&p=0'
        },
        {
            id:7,
            title:'法国哈',
            keyword:'奇幻',
            img:'https://ts1.tc.mm.bing.net/th?id=ORMS.1541ff740e0bc861070b421adec9dd7d&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1.25&p=0'
        },
        {
            id:8,
            title:'符合退货',
            keyword:'历史',
            img:'https://ts1.tc.mm.bing.net/th?id=ORMS.a87e16a91f3702c1940ecbdd306e6334&pid=Wdp&w=612&h=304&qlt=90&c=1&rs=1&dpr=1.25&p=0'
        },
        
    ]
    useEffect(()=>{
        setData(isData)
    },[])
    return (
        <div>
            {data&&data.map((item,index)=>{
                return <ProductCard
      
      desc={item.keyword}
      title={item.title}
      thumb={item.img}
    />
            })}
        </div>
    );
}

export default Dushi;